<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">--%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-table.css">
<script type="text/javascript" src="bootstrap/js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap-table.js"></script>
<script type="text/javascript" src="bootstrap/js/bootbox.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap-table-zh-CN.js"></script>
<script src="bootstrap/js/moment-with-locales.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		//获取待审批一览
		$("#table").bootstrapTable({   
		    url:'aroServlet?flag=init',//请求
			toolbar:"#tb",//工具栏
			toolbarAlign:"left",//工具栏的位置
			pagination : true,//显示分页
			sidePagination:"client",//使用客户端分页
			pageSize : 3,//默认每页显示的条数
			pageList : [ 3, 6, 9, 12 ],//选择每页的条数
		    columns:[    
						{checkbox : true},//显示复选框
				        {field:'id',title:'申请流水号',width:100,visible:false},    
				        {field:'asId',title:'资产编号',width:100},  
				        {field:'isBack',title:'业务类型',width:100,formatter: function(value,row,index){
							if (value=='1'){
								return '申请';
							} else if(value=='0') {
								return '归还';
							}
							}}, 
				        {field:'userName',title:'申请者',width:100},   //显示申请者的姓名
				        {field:'yesNo',title:'是否同意',width:100,formatter: function(value,row,index){
							if (value=='1'){
								return '初始';
							} else if(value=='2') {
								return '同意';
							}else if(value=='3') {
								return '不同意';
							}
							}
						},   
				        {field:'approval',title:'审批者',width:100},   
				    ] 
		});
	});
	//同意
	function yes() {
		//获取选中行所对应的对象
		var apps=$("#table").bootstrapTable("getSelections");
		//存储要同意的申请流水号数组
		var ids=[];
		//没有选中的情况
		if(apps.length==0){
			bootbox.alert("请选中要同意申请单据!")
			return;
		}else{
			//遍历apps
			for (var int = 0; int < apps.length; int++) {
				//将当前的申请流水号压入ids
				ids.push(apps[int].id);
			}
			//弹出确认消息框
			bootbox.confirm("您确认想要同意这些申请单据吗？", function(result){
				//单击ok按钮的情况下,才发送请求
				if(result){
				       //发送请求
				       $.post('aroServlet?flag=yes',{'ids[]':ids},function(data){
				    	   //判断data不为空个情况下
				    	   if (data) {
								//json字符串->json对象
								var obj= eval("("+data+")");
								//判断
								if (obj.result==1) {
									//弹出msg
									bootbox.alert("资产申请已同意!")
									//表格刷新
									$("#table").bootstrapTable("refresh")
								} 
							}
				       });
				}
			})
		}
	}
	//不同意
	function no() {
		//获取选中行所对应的对象
		var apps=$("#table").bootstrapTable("getSelections");
		//存储要同意的申请流水号数组
		var ids=[];
		//没有选中的情况
		if(apps.length==0){
			bootbox.alert("请选中申请单据!")
			return;
		}else{
			//是否有关归还业务
			var isBack=false;//false:没有归还;true:有归还
			//遍历apps
			for (var int = 0; int < apps.length; int++) {
				if(apps[int].isBack==0){
					//设置标志位
					isBack=true;
				}
				//将当前的申请流水号压入ids
				ids.push(apps[int].id);
			}
			//判断标志位
			if(isBack){
				bootbox.alert("归还业务没有不同意!")
				return;
			}
			bootbox.confirm("您确认想要不同意这些申请单据吗？", function(result){
				//单击ok按钮的情况下,才发送请求
				if(result){
				       //发送请求
				       $.post('aroServlet?flag=no',{'ids[]':ids},function(data){
				    	   //判断data不为空个情况下
				    	   if (data) {
								//json字符串->json对象
								var obj= eval("("+data+")");
								//判断
								if (obj.result==1) {
									bootbox.alert("资产申请未同意!")
									//表格刷新
									$("#table").bootstrapTable("refresh")
								} 
							}
				       });
				}
			})
		}
	}
	//添加入口
	$(function() {
		//给同意按钮注册单击事件
		$('#yes').click(function() {
			yes();
		});
		//给不同意按钮注册单击事件
		$('#no').click(function() {
			no();
		});
	});
</script>
</head>
<body>
	<div id="tb">
		<button class="btn btn-default" id="yes">
			<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
			同意
		</button>
		<button class="btn btn-default" id="no">
			<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
			不同意
		</button>
	</div>
	<div>
		<table id="table"></table>
	</div>
</body>
</html>